<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta name="layout" content="main_mobile">
        <title>火堆</title>       
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'index.css')}" type="text/css">
    </head>
<body>

    <div class="ui-footer ui-footer-stable ui-btn-group ui-border-t">
    
    </div>
	
	<div class="ui-container">
		<div class="ui-slider">
	        <ul class="ui-slider-content">
	        	<g:if test="${banner.img1!=null}">
	        		<li><span style="background-image:url(/scfire/project/imgRead?img=${banner.img1})"></span></li>
	        	</g:if>
	            <g:if test="${banner.img2!=null}">
	        		<li><span style="background-image:url(/scfire/project/imgRead?img=${banner.img2})"></span></li>
	        	</g:if>
	        	<g:if test="${banner.img3!=null}">
	        		<li><span style="background-image:url(/scfire/project/imgRead?img=${banner.img3})"></span></li>
	        	</g:if>
	        </ul>
	    </div>
	
	    <div>
	    	  
	    <p>  亲，火堆正在升级。</p>
	    <p>  正式发布日期2015年9月12号，敬请期待.</p>
	    <p>  Coming soon....</p>
	    
	    
	    </div>
	    
    </div>
	<script type="text/javascript">
	(function() {
        var slider = new fz.Scroll('.ui-slider', {
            role: 'slider',
            indicator: true,
            autoplay: true,
            interval: 2500
        });

        slider.on('beforeScrollStart', function(from, to) {
           // console.log(from, to);
        });

        slider.on('scrollEnd', function(curPage) {
          //  console.log(curPage);
        });
    })();
	</script>

</body>
</html>